.rich-text-editor {
  .ql-editor {
    min-height: 100px;
    max-height: 500px;
    overflow: auto;
  }
  .ql-snow.ql-toolbar {
    .ql-picker.ql-header {
      width: 70px;
      .ql-picker-label::before,
      .ql-picker-item::before {
        content: '普通';
      }
      .ql-picker-label[data-value='1']::before,
      .ql-picker-item[data-value='1']::before {
        content: '标题一';
      }
      .ql-picker-label[data-value='2']::before,
      .ql-picker-item[data-value='2']::before {
        content: '标题二';
      }
      .ql-picker-label[data-value='3']::before,
      .ql-picker-item[data-value='3']::before {
        content: '标题三';
      }
      .ql-picker-label[data-value='4']::before,
      .ql-picker-item[data-value='4']::before {
        content: '标题四';
      }
      .ql-picker-label[data-value='5']::before,
      .ql-picker-item[data-value='5']::before {
        content: '标题五';
      }
      .ql-picker-label[data-value='6']::before,
      .ql-picker-item[data-value='6']::before {
        content: '标题六';
      }
    }
    .ql-picker.ql-size {
      width: 70px;
      .ql-picker-label::before,
      .ql-picker-item::before {
        content: '普通';
      }
      .ql-picker-label[data-value='small']::before,
      .ql-picker-item[data-value='small']::before {
        content: '小';
      }
      .ql-picker-label[data-value='large']::before,
      .ql-picker-item[data-value='large']::before {
        content: '中';
      }
      .ql-picker-label[data-value='huge']::before,
      .ql-picker-item[data-value='huge']::before {
        content: '大';
      }
    }
  }
  .ql-snow .ql-tooltip::before {
    content: '链接';
  }
  .ql-snow .ql-tooltip a.ql-action::after {
    content: '编辑';
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    content: '保存';
  }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: '移除';
  }
  /*
      文字大小
    */
    .ql-snow .ql-picker.ql-size{
      // width: 70px;  // 菜单栏占比宽度
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
      content: '10px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
      content: '12px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
      content: '14px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
      content: '16px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
      content: '20px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
      content: '24px';
    }
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
      content: '36px';
    }

    /*
      字体
    */
    .ql-snow .ql-picker.ql-font{
      // width: 80px;  // 菜单栏占比宽度
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='宋体']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='宋体']::before {
      content: '宋体';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='黑体']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='黑体']::before {
      content: '黑体';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='微软雅黑']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='微软雅黑']::before {
      content: '微软雅黑';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='楷体']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='楷体']::before {
      content: '楷体';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='仿宋']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='仿宋']::before {
      content: '仿宋';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before {
      content: 'Arial';
    }
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='苹方']::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='苹方']::before {
      content: '苹方';
    }
}